:root {
  /* 默认主题颜色 */
  --text: #333333;
  --text-secondary: #666666;
  --text-disabled: #999999;
  --bg: #eeeeee;
  --primary-bg: rgb(245, 245, 245);
  --border-color: #eeeeee;
}

:root.default {
  --text: #007080;
  --text-secondary: #ffffff;
  --text-disabled: rgb(184, 183, 183);
  --bg: #f8f4f4;
  --primary-bg: #007080;
  --bar-bg: rgb(240, 240, 240);
  --border-color: #f6f2f2;
  --text-active: #ffffff;
  --bg-active: rgb(10, 161, 184);
  --el-color-primary: rgb(10, 161, 184);
}

:root.tech-blue {
  --text: rgb(21, 32, 188);
  --text-secondary: #ffffff;
  --text-disabled: rgb(112, 116, 249);
  --text-active: #ffffff;
  --bg: #ffffff;
  --bg-active: #003d99;
  --primary-bg: #0052cc;
  --border-color: #99b3ff;
}

:root.medical-green {
  --text: rgb(8, 50, 22);
  --text-secondary: #ffffff;
  --text-disabled: rgb(228, 248, 228);
  --text-active: #ffffff;
  --border-color: #eeeeee;
  --bg: #f0faf0;
  --bg-active: #12662d;
  --primary-bg: rgb(26, 103, 51);
  --border-color: #f0faf0;
}

:root.dark {
  --text: rgb(66, 66, 66);
  --text-secondary: #ffffff;
  --text-disabled: rgb(206, 206, 206);
  --text-active: #ffffff;
  --bg: #aaa9a9;
  --border-color: #aaa9a9;
  --bg-active: #3a3a3a;
  --primary-bg: rgb(69, 69, 69);
}

/* 全局滚动条样式 - 隐藏但可滚动 */
::-webkit-scrollbar {
  width: 0;
  height: 0;
  background: transparent;
}

body {
  margin: 1px;
  padding: 0;
  color: var(--text);
  background-color: var(--bg);
  transition:
    color 0.3s ease,
    background-color 0.3s ease;
  scrollbar-width: none; /* Firefox */
  -ms-overflow-style: none; /* IE/Edge */
}

/* 确保所有可滚动元素都隐藏滚动条 */
.scroll-container {
  scrollbar-width: none; /* Firefox */
  -ms-overflow-style: none; /* IE/Edge */
}
.scroll-container::-webkit-scrollbar {
  display: none;
}
